<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      
    </style>
</head>

<body>
    <script>
        // 改变函数内的this指向
        function fn(a,b){
            console.log(this);

            // console.log(this.name);

            console.log("a"+a,"b"+b);
        }

        // call
        // 参数1：指向对象
        // 参数2+：函数的参数
        // fn.call({name:"laowang"},1,2);


        // apply
        // 参数1：指向对象
        // 参数2：数组对象，包含所有的实参
        // fn.apply({name:"123"},[4,5])

        // bind
        // 返回一个函数。
        // 参数1：指向对象
        // console.log(fn.bind({name:'xiaoli'}));

        var fn2 =  fn.bind({name:'xiaoli'});
        // 参数：函数的实参
        fn2(6,7)
    </script>
</body>

</html>